<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://www.ufida.com/lfw" prefix="lfw" %>
<%@ taglib uri="http://www.ufida.com/multilang" prefix="ml" %>
<%@ taglib uri="http://www.ufida.com/lfwtool" prefix="lfwtool" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://www.ufida.com/uif" prefix="uif" %>
<html>
	<head>
		<title>UFIDA NC 网上报销</title>
		<meta http-equiv="Page-Enter" Content="revealTrans(duration=5000, transition=23)">
		<lfw:base/>
		<lfw:head/>
		<lfw:import/>  
		<link rel='STYLESHEET' type='text/css' href='${ROOT_PATH}/${NODE_STYLE_PATH}/maintab.css'>
		<link rel='STYLESHEET' type='text/css' href='${ROOT_PATH}/${NODE_STYLE_PATH}/main.css'>
		<style>
			body{
				padding:0px;
				margin:0px;
				overflow:hidden;
				border:0px;
			}
			.logodiv{
				background:url('${NODE_IMAGE_PATH}/top/nc-logo.png');
				_background:none;
				width:201px;
				height:41px;
				margin-left:36px;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${ROOT_PATH}/${NODE_IMAGE_PATH}/top/nc-logo.png');
			}
			
			#bodydiv{
				height:100%;
				background:#94C6F9;
				_background:none;
				filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#94C6F9, EndColorStr=#FFFFFF);
				padding-bottom:10px;
				padding-right:10px;
				padding-left:10px;
			}
			.head_nav{
				text-decoration:none;
				color:#000000;
			}
		</style>
		<uif:webbximport/>
		<script type='text/javascript' src='${ROOT_PATH}/html/nodes/main/mainutil.js'></script>
	</head>
	<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0" scroll=no onload="pageBodyScript();">
		<lfw:pageModel className="nc.lfw.finance.main.WebBxMainPageModel">
			<table width="100%" height="100%" cellpadding="0" cellspacing="0">
				<c:if test="${IS_PORTAL ne '1'}">
					<tr height="55px">
						<td>    
							<jsp:include page="main_head.jsp" />
						</td>	
					</tr> 
				</c:if>
				<tr>
					<td>
						<div id="bodydiv">
							<script>
								if(IS_FF){
									window.onresize = function() {
										adjustBodyDivHeight();
									}
									
									function adjustBodyDivHeight() {
										var bodyDiv = $('bodydiv');
										bodyDiv.style.height = document.body.clientHeight - 55 - 10 + "px";
									}
									
									adjustBodyDivHeight();
								}
							</script>
							<table width="100%" height="100%" cellpadding="0px" cellspacing="0px">
								<tr>
									<td width="200px" id="leftnavtd">
										<table width="100%" height="100%" cellpadding="0px" cellspacing="0px" style="background:#FFFFFF;">
											<tr height="7px">
												<td width="7px" style="background:url('${NODE_IMAGE_PATH}/normal/left.gif')"></td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/middle.gif') repeat-x"></td>
												<td width="7px" style="background:url('${NODE_IMAGE_PATH}/normal/right.gif')"></td>
											</tr>
											<tr height="100%">
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-left.gif') repeat-y">
												</td>
												<td style="background:white">
													<div style="width:100%;height:100%;overflow:auto">
													<table border="0" width="80%" height="100%" align="center">
														<tr height="10px">
															<td>&nbsp;</td>
														</tr>
														<c:forEach var="funVO" items="${funVOs}" begin="0" end="20" varStatus="s">
															<c:choose>
																<c:when test="${screenHeight eq '768' or screenHeight eq '800' or screenHeight eq '900'}">
																	<c:set var="imgHeight" value="36"/>
																	<c:set var="imgWidth" value="36"/>
																	<c:set var="listHeight" value="120" />
																	<c:set var="textHeight" value="13" />
																</c:when>
																<c:when test="${screenHeight eq '600' or screenHeight eq '720'}">
																	<c:set var="imgHeight" value="30"/>
																	<c:set var="imgWidth" value="30"/>
																	<c:set var="listHeight" value="100" />
																	<c:set var="textHeight" value="12" />
																</c:when>
																<c:otherwise>
																	<c:set var="imgHeight" value="50"/>
																	<c:set var="imgWidth" value="48"/>
																	<c:set var="listHeight" value="200" />
																	<c:set var="textHeight" value="22" />
																</c:otherwise>
															</c:choose>
															<tr height="${imgHeight}" valign="top">
																<td width="50%" align="center" id="${funVO.funPK}">
																	<img src="${NODE_IMAGE_PATH}/funnodes/node${funVO.icon}.gif" onclick="openNode('${funVO.fun_code}', '${funVO.linkURL}', {title:'${funVO.label}'});" onmouseover="this.style.cursor='hand';" width="${imgWidth}" height="${imgWidth}"/>
																</td>
															</tr>
															<tr height="${textHeight}">
																<td align="center" valign="top">
																	<a href="#"  style="text-decoration:none;color:#000000;font-weight:bold" onclick="openNode('${funVO.fun_code}', '${funVO.linkURL}', {title:'${funVO.label}',funProperty:'${funVO.funProperty}'});stopAll(event);">${funVO.label}</a>
																</td>
															</tr>
															<tr>
																<td>&nbsp;</td>
															</tr>
														</c:forEach>
														<tr>
															<td>&nbsp;</td>
														</tr>
													</table>
													</div>
												</td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-right.gif') repeat-y">
												</td>
											</tr>
											<tr height="20px">
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-left.gif') repeat-y">
												</td>
												<td align="right" style="background:url('${NODE_IMAGE_PATH}/normal/bar-normal.gif') repeat-x;border-top:1px solid #C3D1E4;border-bottom:1px solid #C3D1E4;" onmouseover="this.style.background='url(${NODE_IMAGE_PATH}/normal/bar-hover.gif) repeat-x';" onmouseout="this.style.background='url(${NODE_IMAGE_PATH}/normal/bar-normal.gif) repeat-x';">
													<div onclick="showHideList();">
														<div style="float:right"><img src="${NODE_IMAGE_PATH}/normal/hide-normal.gif" id="funnodeShowImg" onmouseover="changeHideImage(this, 1);"  onmouseout="changeHideImage(this, 0);">&nbsp;&nbsp;</div>
														<div style="float:right;padding-top:2px"><span id="funnodeShowText">${ml:trans('yer_main009')}</span>&nbsp;&nbsp;</div>
													</div>
												</td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-right.gif') repeat-y">
												</td>
											</tr>
											<tr height="${listHeight}" id="funnodeListTr">
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-left.gif') repeat-y">
												</td>
												<td valign="top">
													<div style="width:100%;height:100%;overflow:auto">
														<lfw:tree id="funnodeTree"/>
													</div>
												</td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/verticle-right.gif') repeat-y">
												</td>
											</tr>
											<tr height="7px">
												<td style="background:url('${NODE_IMAGE_PATH}/normal/bottom-left.gif') repeat-y"></td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/bottom-middle.gif') repeat-x"></td>
												<td style="background:url('${NODE_IMAGE_PATH}/normal/bottom-right.gif') repeat-y">
												</td>
											</tr>
										</table>
									</td>
									<td width="10px" align="center">
										<script>
											window.leftNavHide = false;
											function showHideLeftNav(){
												if(window.leftNavHide == false){
													$('leftnavtd').style.display = "none";
													$('bodydiv').style.paddingLeft = "0px";
													window.leftNavHide = true;
												}
												else{
													$('leftnavtd').style.display = "block";
													$('bodydiv').style.paddingLeft = "10px";
													window.leftNavHide = false;
												}
											}
										</script>
										<img src="${NODE_IMAGE_PATH}/normal/drag_h_on.gif" onclick="showHideLeftNav();" onmouseover="this.style.cursor='hand';"/>
									</td>
									<td>
										<lfw:layout type="border">
											<lfw:layoutPanel position="center">
							    				<lfw:tab id="pageTab">
				    								<lfw:tabitem id="desktop">
				    									<iframe name="showFrame" id="showFrame" width="100%" height="100%" border="0" frameborder="0" src="core/quickdesk/quickdesk.jsp?pageId=quickdesk" style="background:#FFFFFF;"></iframe>
													</lfw:tabitem>
							    				</lfw:tab>
								    		</lfw:layoutPanel>
								    	</lfw:layout>
								    	
								   </td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
			</table>
		</lfw:pageModel>
	</body>
</html>
